<template>
    <div class="hi-container">
        <el-card class="box-card">
            <div class="title">
                <h1>作业详情</h1>
                <br>
            </div>
            <el-form :model="form" ref="ruleForm">
                <el-form-item label="作业名称" :label-width="formLabelWidth">
                    <el-input v-model="form.jobName" disabled></el-input>
                </el-form-item>
                <el-form-item label="发布时间" :label-width="formLabelWidth">
                    <el-input v-model="form.pushTime" disabled autocomplete="off"></el-input>
                </el-form-item>
                <el-form-item label="所属班级" :label-width="formLabelWidth">
                    <el-input v-model="form.belong" disabled autocomplete="off"></el-input>
                </el-form-item>
                <el-form-item label="发布人" :label-width="formLabelWidth" >
                    <el-input v-model="form.pushMan" disabled autocomplete="off"></el-input>
                </el-form-item>

            </el-form>
        </el-card>
        <el-card class="box-card">
            <div class="title">
                <h1>评论区</h1>
                <br>
                <el-form ref="ruleForm" label-width="100px" class="demo-ruleForm">

                    <el-form-item label="评论内容：">
                        <el-input type="textarea" v-model="hw_comment" placeholder="请输入评论内容"></el-input>
                    </el-form-item>
                    <el-form-item style="text-align: right">
                        <el-button type="primary" @click="submitForm" >立即创建</el-button>
                    </el-form-item>
                </el-form>
            </div>
            <hr>
            <div v-for="o in 4" :key="o" class="text item">
                {{'评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容 ' + o }}
            </div>

        </el-card>
    </div>
</template>

<script>
    export default {
        name: "hwinfo",
        data() {
            return {
                hw_comment:'',
                formLabelWidth:'120px',
                id: this.$route.params.id,
                form:{
                    jobName:'李老师-第一次作业',
                    pushTime:'2019-5-9',
                    belong:'Java 4 班 Java 3 班',
                    pushMan:'李祥'
                }
            }
        },
        methods: {
            submitForm(){

            }
        },
        created() {

        }
    }
</script>

<style lang="scss" scoped>
    .hi-container {
        .box-card {
            margin: 10px 130px 0px 120px;

            .title {
                h1 {
                    padding: 0;
                    margin: 0;
                }
            }
        }
    }

    .text {
        font-size: 14px;
    }

    .item {
        padding: 18px 0;
    }
</style>
